<header>
    <nav div class="navbar navbar-default navbar-static-top" role="navigation">
        <div class="container">
            <ul class="social-network">
                <li><a href="https://github.com/linuxMengfan" data-placement="top" title="github" target=_blank><i
                        class="fa fa-github-square fa-1x"></i></a></li>
                <li><a href="http://weibo.com/3214310262/profile?topnav=1&wvr=6" data-placement="top" title="weibo"
                       target=_blank><i class="fa fa-weibo fa-1x"></i></a></li>
                <li><a href="http://wpa.qq.com/msgrd?v=3&uin=289906303&site=qq&menu=yes" data-placement="top" title="qq"
                       target=_blank><i class="fa fa-qq fa-1x"></i></a></li>
            </ul>
            <ul class="info">
                <!-- <li><p><i class="fa fa-phone"></i>+1 769 525 422 5663</p></li> -->
                <li><a href="#"><i class="fa fa-envelope"></i>fuyun_hehe@126.com</a></li>

            </ul>

            　
        </div>
    </nav>

    <nav class="navbar navbar-default navbar-static-top" role="navigation">
        <div class="navigation">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target=".navbar-collapse.collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <div class="navbar-brand">
                        <a href="/index"><h1><span>炽</span><span>魂</span></h1></a>
                    </div>
                </div>

                <div class="navbar-collapse collapse">
                    <div class="menu">
                        <ul class="nav nav-tabs" role="tablist">
                            <li role="presentation"><a
                                    class="{% ifequal request.path '/index/' %}active{% endifequal %}"
                                    href="/index">首页</a></li>

                            <li role="presentation"><a class="{% ifequal request.path '/plan/' %}active{% endifequal %}"
                                                       href="/plan">解决方案 </a></li>
                            {#								<li role="presentation"><a class="{% ifequal request.path '/service/' %}active{%endifequal%}" href="/service" >服务中心 </a></li>#}
                            <li role="presentation"><a
                                    class="{% ifequal request.path '/photo/' %}active{% endifequal %}" href="/photo">硬件天地</a>
                            </li>
                            <li role="presentation"><a
                                    class="{% ifequal request.path '/email/' %}active{% endifequal %}" href="/email">关于我们</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </nav>
</header>